.anim-opacity2{
 animation: 3s opacity2 0s;
 -webkit-animation:3s opacity2 0s
}
@keyframes opacity2{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
@-webkit-keyframes opacity2{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
#barrage{
  width: 4.3rem;
  height: .58rem;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 1.16rem;
  z-index: 99999;
  border-radius: .3rem;
  display: flex;
  line-height: .58rem;
  img{
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    display: block;
  }
  span{
    font-size:.26rem;
    color: #ffffff;
  }
  .BarName{
    width: 1.2rem;
    margin-left: .14rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .BarTime{
    width: 2.4rem;
    margin-left: .08rem;
  }
}